<template>
    <div>
        <div class="wid">
            <van-collapse v-model="activeName" accordion border >
                <van-collapse-item title="组织用户" name="1">
                    <van-sidebar v-model="active">
                        <van-sidebar-item title="组织管理" />
                        <van-sidebar-item title="用户管理" />
                        <van-sidebar-item title="职位管理" />
                        <van-sidebar-item title="岗位管理" />
                    </van-sidebar>
                </van-collapse-item>
                <van-collapse-item title="菜单权限" name="2">
                </van-collapse-item>
                <van-collapse-item title="应用管理" name="3">
                </van-collapse-item>
                <van-collapse-item title="配置管理" name="4">
                </van-collapse-item>
                <van-collapse-item title="系统监控" name="5">
                </van-collapse-item>
                <van-collapse-item title="系统工具" name="6">
                </van-collapse-item>
            </van-collapse>
        </div>




    </div>
</template>

<script>
import { ref } from 'vue';
    export default {
        setup() {
            const activeName = ref();
            const active = ref();
            return { 
                activeName ,
                active

                };
        },
    }
</script>

<style scoped>
.wid{
    width: 10rem;
    
}
</style>